/* ----------------------------------------------------------------------------------------------------
   BEGIN EXTENDED STYLES
   ---------------------------------------------------------------------------------------------------- */

/* Three Column Layout */
.threecolumn,
.userProfilePage {
    width: 969px;
    padding-bottom: 50px;   /* a nice bit of padding between the page body and the standard Salesforce footer. */
}
/* all chatter pages should have same top margin */
.threecolumn,
.userProfilePage,
.chatterFilesTabPage .chatterFilesTabPageHeader {
    margin-top: 2px;
}
/* all chatter pages should have same styling for page title */
.threecolumn .headerContent .pageTitle,
.PeopleListPage .listViewportWrapper .listViewport .topNav h2.title,
.chatterFilesTabPageHeader .pageIconTitlePanel .pageIconTitle {
    font-size: 1.8em;
    color: #222;
}
.threecolumn .headerContent {
    margin-bottom:12px;
    position:relative;
}

.threecolumn .leftContent,
.userProfilePage .leftContent {
    float: left;
    width: 200px;       /* div is 2 px bigger than the image it contains so browsers will display the full border (1px on each side) */
    overflow: visible;
}
.threecolumn .mainContent,
.userProfilePage .mainContent {
    margin-left: 210px;
    width: 757px;
}
.chatterPage .mainContent {
    margin-left:200px;
    padding-left:9px;
}
.chatterPage .mainContent {
    border-left:1px solid #e9eaea;
}
.threecolumn .mainContent .lowerMainContent {
    width: 759px;
}
.threecolumn .centerContent,
.userProfilePage .centerContent {
    float: left;
    overflow: visible;
    width: 541px;
}
.threecolumn .centerContent {
    padding-left: 8px;
}
.threecolumn .rightContent,
.userProfilePage .rightContent {
    float: right;
    width:200px;
    overflow: hidden;
}
.chatterPage .threecolumn .rightContent {
	overflow: visible;
	min-height:300px;
}
.userProfilePage .lowerCenterContent {
    padding-left: 10px;
}
.userProfilePage .lowerMainContent {
    padding-left: 4px;
}
.threecolumn .headerContent .pageTitle {
    font-weight: normal;
    display:inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:757px;
    white-space:nowrap;
}
.threecolumn .headerContent .headerRightContent {
    position:absolute;
    right:0;
    top:0;
    padding-right: 5px;
    padding-top: 5px;
}

.threecolumn .headerContent .helpLinkElement {
    font-size: 0.9em;
    text-decoration:none;
}

.threecolumn .headerContent .videoLinkElement {
    font-size: 0.9em;
    text-decoration:none;
}

.profileHeaderContent {
    clear: both;
    vertical-align: middle;
    position: relative;
}

/* END Three Column Layout */

/* Overrides to the Three Column Layout */
.userProfilePage .mainContent {
    margin-left: 212px;
}
.userProfilePage .centerContent {
    margin-left: 0px;
}
.userProfilePage .feedcontainer {
    margin-right: 10px;
}
.userProfilePage .rightContent {
    overflow: visible; /* moderator mutton overflow */
}

/* END Overrides to the Three Column Layout */

.chatterPage .waitingSearchDiv {
    background-color: white;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    height: 100%;
    z-index:86;
}

/* User status */
.chatterPage .chatterUserStatus {
    margin-bottom: 5px;
    height:auto !important;
    height:50px;
    min-height:50px;
    width: 200px;
}

.chatterPage .chatterUserStatus .chatterUserStatusTop {
    width:200px;
}

/* make 'wbr' elements work for IE8 */
.chatterPage .chatterUserStatus .chatterUserStatusTop .wbr:after {
    content: "\00200B";
}

.chatterPage .chatterUserStatus .chatterUserStatusLastUpdate {
    color: #7d7d84;
    font-size: 0.9em;
    margin-top: 2px;
}

.chatterPage .chatterUserStatus .chatterUserStatusImg {
    float: left;
}

.chatterPage .chatterUserStatus img {
    border:1px solid #CCCCCC;
    vertical-align: middle;
    height:45px;
    width:45px;
}
.chatterPage .chatterUserStatus .chatterUserStatusName {
    display:table-cell;
    left:47px;
    margin-top: 4px;
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    vertical-align:middle;
    width:140px;
}
.chatterPage .chatterUserStatus .chatterUserStatusName a {
    word-wrap: break-word;
    color:#015ba7;
    text-decoration:none;
    line-height: 16px;
    white-space: normal;
    font-weight:700;
}

.chatterPage .chatterUserStatus .chatterUserStatusBottom {
    clear: both;
    margin-bottom: 18px;
    padding-top: 8px;
    width: 200px;
    word-wrap: break-word;
}

.chatterPage .chatterUserStatus .chatterUserStatusBottom a {
    color:#015ba7;
    text-decoration:none;
}

.chatterPage .chatterUserStatus a.chatterUserStatusName:hover,
.chatterPage .chatterUserStatus .chatterUserStatusBottom a:hover {
    text-decoration:underline;
}

.chatterPage .chatterUserStatus .chatterUserStatusBottom .myCurrentStatus {
    line-height: 12px;
    padding-left: 0px;
}

/* --------------------------------------------------------------------------------- */
/* Group List + People List Pages + Chatter Groups Unified Search Results            */
/* --------------------------------------------------------------------------------- */
.groupListPage .listBody {
    margin-top: -12px;
}
.groupListPage .x-grid-empty {
    color: #222222;
    font-size: 1em;
}
.groupListPage .x-grid-empty a {
    color: #015BA7;
}
.groupListPage .groupicon,
.searchResults .groupicon,
.PeopleListPage a.chatterlisticon,
.searchResults a.chatterlisticon {
    padding-left: 6px;
    padding-right: 6px;
    text-decoration: none;
    float: left;
    position: relative;
}
.groupListPage .groupinfo,
.searchResults .groupinfo,
.PeopleListPage .peopleInfoContent,
.searchResults .peopleInfoContent {
    margin-left: 59px;
    display: block;
}
.PeopleListPage .peopleInfoContent .displayName,
.searchResults .peopleInfoContent .displayName {
    overflow: hidden;
    text-overflow: ellipsis;
}
.groupListPage .groupinfo a,
.searchResults .groupinfo a {
    font-weight: bold;
}
.groupListPage .groupinfo,
.searchResults .groupinfo{
    white-space:normal;
}
.groupListPage .ownerSection,
.searchResults .ownerSection,
.groupListPage .memberCountContainer,
.searchResults .memberCountContainer {
    white-space: nowrap;
}
.groupListPage .memberCountContainer,
.searchResults .memberCountContainer {
    margin-right: 14px;
}
.groupListPage a.ownername,
.searchResults a.ownername {
    margin-left: 3px;
    font-weight: normal;
    color: #015BA7;
}
.groupListPage .memberAndOwner,
.searchResults .memberAndOwner {
    line-height: 18px;
    margin-top: 3px;
}
.groupListPage a.ownername:hover,
.searchResults a.ownername:hover {
    color: #015BA7;
}
.groupListPage .lastactivity,
.searchResults .lastactivity {
    white-space: normal;
}
.groupListPage .privatemarker,
.searchResults .privatemarker {
    padding-left: 4px;
    color: #d55611;
}
.groupListPage .listViewport .topNav .title,
.PeopleListPage .listViewport .topNav .title {
    font-weight:normal;
}
.groupListPage .listViewportWrapper .listViewport .topNav .pageTitleIcon,
.PeopleListPage .listViewportWrapper .listViewport .topNav .pageTitleIcon {
    margin-top:0;
}
.groupListPage .listViewportWrapper .listViewport .topNav .btn {
    margin:3px 1px 1px 1px;
}
.PeopleListPage .listViewportWrapper .listViewport .topNav {
    margin-top: 2px;
}
.PeopleListPage .rolodex {
    width: 740px;
    text-align: right;
    white-space: normal;
}
.PeopleListPage .rolodex a {
    display: inline-block;
    white-space: nowrap;
}

/* Deprecation message for tabs */
.chatterDeprecationMessage .messageText a {
	margin:0;
	text-decoration:none;
	color: #015BA7;
	font-size:100%;
}

.chatterDeprecationMessage .messageText a:hover {
    text-decoration:underline;
}
.chatterDeprecationMessage {
	border:1px solid #f8e38e;
	background:#ffffdc;
	max-width:865px;
	margin-bottom:20px;
}
.chatterDeprecationMessage .messageText {
	font-size:100%;
}
/* END:Deprecation message for tabs */


/* new 3-column layout styles */

.groupListPage .filterHeader {
    font-size: 1.2em;
    font-weight: bold;
}
.groupListPage .filterDesc {
    color: #222;
    padding-left: 14px;
}
.groupListPage .headerContent .pageTitle {
    display: inline;
}
.groupListHeader .btn {
    margin-left: 24px;
    position:relative;
    top:-5px;
}
.groupListPage .listViewport .topNav .controls {
    margin-top: -20px;
}
.groupListPage .listBody {
    margin-top: -12px;
}
.groupListPage .x-grid-empty {
    color: #222222;
    font-size: 1em;
}
.groupListPage .threecolumn .centerContent {
    padding: 0 4px;
}
/* end new 3-column layout styles */
.cantDoActionText {
    color: #7D7D84;
}
/* --------------------------------------------------------------------------------- */
/* END Group + People List Pages                                                     */
/* --------------------------------------------------------------------------------- */

.userProfilePage .myCurrentStatusControls {
    font-size: 0.66em;
}

.userProfilePage .userProfilePageSectionHeader {
    padding-top: 0px;
    padding-bottom: 12px;
    padding-left: 0;
    background-color: #FFF;
    color: #000;
}
.userProfilePage .userProfilePageSectionHeader .currentStatus {
    color: #222222;
    font-size: 1.4em;
}
.userProfilePage .currentStatusLastUpdate {
    margin-left: 6px;
    color: #7D7D84;
}
.userProfilePage a,
.FileDetailPage a {
    color: #015BA7;
    text-decoration: none;
}
.userProfilePage a.clearstatus {
    margin-left: 6px;
    color: #015BA7;
    text-decoration: none;
}
.myCurrentStatusControls .currentStatusDivider {
    margin: auto 5px;
}
.FeedItemPage .singleFeedElementContent,
.userProfilePage .lowerCenterContent,
.chatterPage .publishercontainer {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    background:#fff url(/img/alohaSkin/feeds/feedbg.png) repeat-x scroll left -40px;
}

.FeedItemPage .singleFeedElementContent,
.userProfilePage .lowerCenterContent {
    min-height:200px;
}

.chatterPage .publishercontainer {
    padding-left: 8px;
}
.chatterPage .threecolumn .centerContent,.filesDetailPage .threecolumn .centerContent{
    padding-left:0;
}
.chatterPage .feedcontainer {
    min-height:300px;
    padding-left:8px;
    padding-top: 1px;
}
.chatterPage .centerContent {
    min-height:300px;
}
.chatterPage .feedcontainer .feedcontainer {
    padding-left:0;
}
.FeedItemPage .singleFeedElementContainer {
    width: 515px; /*Same as .userProfilePage .subjectNameAndStatus */
    margin-left: 220px;
    padding-left: 20px;
}
body.uppEditItem {
    background-color: transparent;
    padding: 12px 12px 0 12px;
}

/* --------------------------------------------------------------------------------- */
/* Chatter Components                                                                */
/* --------------------------------------------------------------------------------- */
.chatterNavigationGroup {
    margin-bottom:13px;
    padding-bottom:9px;
    border-bottom:1px solid #e9eaea;
}
#feedFavoriteNavigationContainer {
    border-bottom:none;
}
#feedFavoriteNavigationContainer .zeroListItemContainer {
    padding-left:5px;
}
.chatterNavigationGroup .overflow {
    display:none;
}
.chatterNavigationGroup .showMore {
    color:#015BA7;
    display:block;
    padding:2px 0 0 5px;
    font-size:0.92em;
}

.chatterNavigationGroup .cng_title {
    color:#7d7d84;
    font-weight:400;
    margin:0 0 4px 5px;
    display:block;
}
.chatterNavigationGroup .count {
    display:inline-block;
    line-height:16px;
    height:16px;
    background:#1797c0;
    color:#fff;
    font-size:11px;
    padding:0 5px;
    font-weight:700;
    vertical-align:middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
    position:relative;
    top:-1px;
}
.chatterNavigationGroup a.learnMore {
    color:#015BA7;
}
.chatterNavigationGroup a.delete:link,.chatterNavigationGroup a.delete:visited {
    display:none;
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-4px;
    width:8px;
    height:8px;
    background-image:url("/img/feeds/x_sprite.png");
    text-decoration:none;
    text-indent:-999em;
    outline:none;
}
.chatterNavigationGroup li:hover a.delete,.chatterNavigationGroup .selected a.delete, div.isAccessible .primaryNavList a.delete {
    display:block;
}
.chatterNavigationGroup a.delete:hover,div.isAccessible .primaryNavList a.delete:focus {
    background-position:0 -9px;
}

/* --------------------------------------------------------------------------------- */
/* Feed Favorite                                                                     */
/* --------------------------------------------------------------------------------- */
.feedFavoriteHeader {
    line-height:1em;
    padding-bottom:2px;
    position:relative;
    z-index:1;
}
.feedFavoriteHeader h3.feedtitle {
	position:relative;
	top:1px;
    margin-bottom:0;
    display:block;
    font-size:1.2em;
    color:#222222;
}

.feedFavoriteHeader h3.feedtitle a {
    font-weight:700;
 	display:inline-block;
 	width:280px;
 	overflow:hidden;
 	white-space:nowrap;
 	position:relative;
 	top:3px;
 	line-height:1.1em;
}

.feedFavoriteHeader .dot{
    color:#015BA7;
    position:relative;
    top:-3px;
    margin:0 5px;
    font-weight:bold;
    font-size:24px;
}

.feedFavoriteHeader a {
    color: #015BA7;
    font-weight: normal;
    text-decoration: none;
}

#feedFavoriteNavigation .trigger {
    margin-right: 30px;
}

#favoriteWidget {
    width: 200px;
    float: right;
    overflow: hidden;
}

.favoriteBox {
    padding-bottom: 8px;
    padding-top: 10px;
    display: block;
}

.addFavoriteButton {
    width: 16px;
    height: 16px;
    background: transparent url(/img/feeds/follow_sprite.png) no-repeat 0 -104px;
}

.addFavoriteCheck {
    background: transparent url(/img/feeds/follow_sprite.png) no-repeat 0 -128px;
    width: 22px;
    height: 18px;
}

.removeFavoriteButton {
    width: 15px;
    height: 15px;
    margin-left: 2px;
     background: transparent url(/img/feeds/follow_sprite.png) no-repeat scroll 0 -54px;
}

.removeFavoriteButton.active {
    background: transparent url(/img/feeds/follow_sprite.png) no-repeat 0 -75px;
}

.favoriteExplanation {
    color: #7d7d84;
    line-height: 15px;
}

.favoriteExplanation a {
    color: #7d7d84;
    text-decoration: underline;
}

/* --------------------------------------------------------------------------------- */
/* Feed Filter                                                                       */
/* --------------------------------------------------------------------------------- */
.chatterNavigationGroup ul,
.feedFilterList ul,
.groupListFilters ul {
    padding:0;
    margin:0;
    list-style:none;
}
.feedFilterList .icon,
.chatterNavigationGroup .icon{
    overflow:hidden;
    display:inline-block;
    width:16px;
    height:16px;
    text-indent:-9999em;
    background-image:url(/static/174/img/chatter/filters_sprite.png);
    vertical-align:middle;
    margin-right:2px;
    text-decoration:none;
    position:absolute;
    left:4px;
    top:4px;
}

.feedFilterList img.icon{
    background:none;
}
.chatterTabNavigation .peopleListView .icon{
    background-position:0 -16px;
}
.ftr_groups .icon, .chatterTabNavigation .groupListView .icon{
    background-position:0 -50px;
    height:14px;
}
.ftr_me .icon{
    margin-left:1px;
    background-position:-1px -33px;
}
.ftr_company .icon {
	background-position:0 -216px;
}
.directMessage .icon {
    background-position:0 -200px;
    width:18px;
}
.ftr_files .icon{
    background-position:0 -66px;
    height:14px;
    margin-left:1px;
}
.chatterNavigationGroup .trigger,
.feedFilterList .trigger,
.groupListFilters .trigger {
    white-space:nowrap;
    overflow:hidden;
    display:block;
    padding-left:5px;
}

.chatterNavigationGroup .hasIcon .trigger {
    padding-left:27px;
}

#listViewNavigationContainer .primaryNavSection .trigger {
	outline:none;
}

.directMessage .trigger {
    padding-right:5px;
}

.chatterNavigationGroup li,
.feedFilterList li,
.groupListFilters li{
    display:block;
    position:relative;
    margin:0;
}
.chatterNavigationGroup .primaryNavSection,
.feedFilterList .feedfilterheader,
.groupListFilters .grouplistfilterheader {
    line-height:23px;
    height:23px;
}

.feedFilterList .feedfiltersubnav{
    margin-left: 31px;
}
.chatterNavigationGroup .subNavSection,
.feedFilterList .feedfiltersubnav div{
    line-height:23px;
}
.chatterNavigationGroup .subNavSection .selected a {
    font-weight:700;
}
.chatterNavigationGroup .subNavSection {
    display:none;
}
.chatterNavigationGroup .subNavSelected {
	display:block;
}
.feedFilterList .feedfiltersubnav a{
    color:#015BA7;
}
.chatterNavigationGroup .selected .primaryNavSection a,
.feedFilterList .selected .feedfilterheader a,
.groupListFilters .selected .grouplistfilterheader a {
    font-weight:700;
    color:#333435;
    text-decoration:none;
    cursor:default;
}
.chatterNavigationGroup a,
.feedFilterList a,
.groupListFilters a {
    text-decoration:none;
}
.chatterNavigationGroup .selected,
.groupListFilters .selected {
    background:url(/img/chatter/filter_bg_active.png) top left no-repeat;
}
.chatterPage ul li.selected {
    background:url(/img/chatter/filter_bg_active.png) top right no-repeat;
}
.chatterNavigationGroup .selected a,
.feedFilterList .selected .feedfilterheader a,
.groupListFilters .selected .grouplistfilterheader a {
    outline: none;
    -moz-outline-style: none;
}

#directMessagingNavigation .count {
    z-index:1;
}
#directMessagingNavigation .trigger{
    display:inline;
    position:relative;
    z-index:2;
}
#directMessagingNavigation {
    overflow: hidden;
}
/* --------------------------------------------------------------------------------- */
/* END:Feed Filter                                                                   */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* BEGIN: Group List Filter specific                                                 */
/* --------------------------------------------------------------------------------- */

.groupListFilters .trigger {
    padding-left: 5px;
}

/* --------------------------------------------------------------------------------- */
/* END: Group List Filter specific                                                   */
/* --------------------------------------------------------------------------------- */

.userProfilePage .mainContent .ptBody form {
    height: 2em;
}

.feedLinkSpacer {
    height: 1em;
}

.feedLinkDiv a {
    vertical-align: bottom;
}

.userProfilePage .ptBody {
    background-color: #FFFFFF;
}

div.metadata {
    width: 300px;
    clear: right;
}

/* Remove the 205px left margin given to this div by the regular .noTableFooter selector
   (separates it from the standard page layout's left column, which we don't have) */
div.noTableFooter {
    margin-left: 0;
}

.profileSection {
    margin-bottom: 28px;
}

.profileSection a {
    word-wrap: break-word;
}

.profileSection .panelEmptyContent {
    color: #7D7D84;
}
.groupMembers.profileSection {
    /* Members Panel and links followed it are considered the same component */
    margin-bottom: 0px;
}
.groupMembers.profileSection .panelEmptyContent {
    margin-bottom: 6px;
}
.memberPanelGuest, .memberPanelCompany {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
}
.memberPanelCompany {
    color: #7D7D84;
}
.memberPanelGuest {
    margin-top: 10px;
    color: #F07E05;
}

.userProfilePage .vfButtonBar h3,
.feedpage .vfButtonBar h3,
h3.topicWidgetHeader.mostUsedTopicHeader {
    font-size: 1.0em;
    color: #333435;
}
.profileSectionBody {
    color: #333435;
    line-height: 15px;
    float:none;
}

.profileSectionLabelAndData {
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height: 130%;
    width: 100%;            /* sets hasLayout in IE */
    border-bottom: 1px solid gray;
}

.profileSectionLabelAndData.finalLabelAndData {
    border-bottom: none;
    padding-bottom: 0;
}

.userProfilePage .vfButtonBar a.editLink {
    margin-right: 0;
    height: 0;
}

.userProfilePage .vfButtonBar a.editLink img {
    border: 1px solid transparent;
    padding: 3px;
}

.userProfilePage .vfButtonBar a.editLink:hover img {
    cursor: pointer;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #E3F3FF;
}

.userProfilePageSectionHeader a {
    text-decoration: none;
}

.userProfilePageSectionHeader a span {
    text-decoration: underline;
}

.userProfilePageSectionHeader a.clearstatus:hover  {
    text-decoration: underline;
}

.userProfilePage .leftContent .photoSection {
    width: 202px;
    margin-bottom: 12px;
    position: relative;
}

.userProfilePage .leftContent .editPen {
    border: 2px solid transparent;
    cursor:pointer;
    height:20px;
    width:20px;
    bottom: 4px;
    left: 8px;
    margin: 2px 2px 2px 2px;
    position: relative;
}

.userProfilePage .leftContent .moderatorBadge {
    background: transparent url(/img/moderatorBG.png) 0 1px repeat;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    position: absolute;
    width: 200px;
    height: 18px;
    margin: 1px;
}

.userProfilePage .leftContent .guestBadge,
.userProfilePage .leftContent .guestGroupBadge {
    background: transparent url(/img/group_with_guestBG.png) 0 1px repeat;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    position: absolute;
    width: 198px;
    height: 18px;
    margin: 2px 2px 2px 2px;
    padding-top: 5px;
    left: 0;
}

.userProfilePage .leftContent .guestBadge div.mouseOverInfo,
.userProfilePage .leftContent .moderatorBadge div.mouseOverInfo {
    background: #FFFFDC;
    border: 1px solid #BCC2C4;
    -moz-border-radius: 5px;
    -moz-box-shadow:0 2px 5px #ACACAC;
    font-size: 12px;
    font-weight: normal;
    color: #222;
    padding: 6px;
    text-align: left;
}

.userProfilePage .leftContent .guestBadgeInfo,
.userProfilePage .leftContent .moderatorBadgeInfo {
    background: transparent url(/img/info_onHover.png) 0 2px no-repeat;
    height: 16px;
    width: 13px;
    vertical-align: bottom;
    margin-left: 10px;
}

.userProfilePage .leftContent .guestBadgeInfo:hover,
.userProfilePage .leftContent .moderatorBadgeInfo:hover {
    background: transparent url(/img/info_onHover.png) 0 -14px no-repeat;
}

.userProfilePage .leftContent .moderatorBadge .moderatorInfoVideoLink {
    padding-top: 5px;
}

.userProfilePage .leftContent .profileImage {
    border: 1px solid #CCC;
    width: 200px;
}

.userProfilePage .leftContent .guestGroupProfileImage {
    border-color: #f07e05;
}

.userProfilePage .leftContent .photoUploadSection {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    left: 2px;
    bottom: 2px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 198px;
    display: none;
}

.photoSection:hover .photoUploadSection {
    display: block;
}

.photoActionSep {
    color: #b1b7bd;
}

.contactLabel {
    width: 30%;
    text-align: right;
    font-weight: bold;
    color:#333;
    font-size:91%;
    padding: 1px;
    margin-right: 10px;
}

.profileSectionLabel {
    float: left;
    height: 100%;
    margin-right: 5px;
    width: 29%;
    text-align: right;
    vertical-align: top;
    color: #333333;
    font-size: 91%;
    font-weight: bold;
}

.profileSectionData {
    text-align: left;
    padding-bottom: 4px;
    position:relative;
}

span.subjectName {
    font-size: 1.35em;
}

.bubbleImageDiv {
    background: transparent url("/img/userprofile/currentStatusUpdateBubble.png") no-repeat;
    height: 2.5em;
    padding-left: 8px;
    left: 8px;
    position: relative;

}

.statusPromptAndInput {
    border: 0;
    padding: 0;
    offset: 0;
    border-spacing: 0;
    color: #808080;
    white-space: nowrap;
}

table.statusPromptAndInput {
    margin-top: 2px;
}

input.statusPromptAndInput {
    color: black;
    width: 100%;
}

.userProfilePage .subjectNameAndStatus {
    width: auto;
}

.userProfilePage .profileHeaderLinks {
    font-size: .9em;
    white-space: nowrap;
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 10px;
}
.userProfilePage .profileHeaderLinks .helpLinkElement {
    float: right;
    margin-bottom: 4px;
}
.userProfilePage .profileHeaderLinks .separator {
    float: right;
    padding: 0px 2px;
    height: 18px; /* to push RTL overflow to beginning of next line */
    margin-bottom: 4px;
}
.userProfilePage .profileHeaderLinks a:hover {
    text-decoration: none;
}
.userProfilePage .profileHeaderLinks a span {
    text-decoration: none;
}
.userProfilePage .profileHeaderLinks a:hover span,
.threecolumn .headerContent a:hover span {
    color: #015BA7;
    text-decoration: underline;
}

.messageSentConfirm {
    position: absolute;
}
.profileHeaderLinks img {
    vertical-align: middle;
}
.followersList td {
    padding: 0;
}
.userProfilePage .feedcontainer h3 {
    color: #666;
    line-height: normal;
}
.contentActionLabel {
    font-weight : normal;
}
.userProfilePage .members {
    height: 200px;
}
.userProfilePage .contentrecent {
    height: 200px;
}
.userProfilePage .groupmanagementlink {
    padding-top: 2px;
    padding-bottom: 4px;
}

.userProfilePage .helpIcon,
.threecolumn .headerContent .helpIcon {
    text-decoration: none;
}
.threecolumn .headerContent .helpIcon {
    vertical-align: bottom;
}
.userProfilePage .helpLink {
    padding-right: 1px;
}
.threecolumn .headerContent .helpLink {
    padding-right: 5px;
}

.currentStatusSection {
    margin-left: 14px;
}

.editContactInfoRow {
    margin-bottom: 6px;
}
.editContactInfoLabel {
    float: left;
    width: 20%;
    text-align: right;
    font-weight: bold;
    color:#4A4A56;
    font-size: .91em;
    font-weight:bold;
}

.editContactInfoValue {
    float: right;
    width: 78%;
}
.editContactInfoValue input,
.editContactInfoValue textarea,
.editContactInfoValue .errorMsg {
    float: left;
    margin-left: 4px;
    width: 90%;
}

.editContactInfoValue .requiredBlock {
    border-left: 3px solid #C00000;
    padding-left:1px;
    margin-right: -4px;
}

.editContactInfoValue .requiredBlock input,
.editContactInfoValue .requiredBlock .errorMsg {
    margin-left: 0;
}

.editContactInfoMoreLink {
    color:#015BA7
}

.aboutMePrompt {
    font-size: 93%;
}

.aboutMeTextarea textarea {
    /* If the textarea's width is 100%, IE6 adds a horizontal scrollbar to the surrounding div. */
    width: 98%;
}

.groupDescriptionTextarea {
    width: 98%;
}
.informationTitle {
    color: #4A4A56;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 6px;
    word-wrap: break-word;
}
.informationTitle input {
    width: 225px;
}
.informationTitle input.ghost {
    color: #999999;
}
.informationButtons {
    margin-top: 12px;
}
.groupInformation {
    word-wrap: break-word;
    overflow: hidden;
    margin-left: 0px;
}

.groupInformation li {
    margin-left:0px;
}

.aboutMeButtons {
    margin-top: 7px;
}

/* "message" => "error message" -- this is a standard Salesforce app-wide class */
.messageText {
    font-size: 110%;
}

.messageText > h4 {
    padding-right: 0.5em;
}

.followingEntitiesList {
    white-space: nowrap;
}

/* IE fix */
.followingEntitiesList a {
    white-space: nowrap;
}

.recentFilesItem {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
    width:140px;
}

.panelGridLabelLink {
    text-decoration: none;
}

.panelGridLabel {
    background-color: white;
    font-size: 80%;
    margin-left: -30px;
}

/* --------------------------------------------------------------------------------- */
/* BEGIN: Collaboration Groups                                                       */
/* --------------------------------------------------------------------------------- */

.groupHeaderContent {
    background-color:#F2F2F2;
    border-color:#919191 #B5B5B5 #CBCBCB;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 10px;
    padding: 7px;
}

.rightOfPhoto {
    margin-left: 211px;
}

.groupHeaderTitle {
    float: left;
    max-width: 49%;
    background-color:inherit;
}

.groupHeaderLinks {
    float: right;
    max-width: 49%;
    text-align: right;
}

.groupHeaderCollaborationType {
    font-weight: normal;
    font-size: 1.4em;
    color: #4A4A56;
    padding-left: 7px;
}

.groupHint {
    text-align: left;
    color: #9F9F9F;
}

.groupFieldsTable tr > td:first-child {
    text-align: right;
}

.groupEditColLabel {
    padding-right: 20px;
}

.GroupProfilePage .entityDoesNotExist,
.FeedItemPage .entityDoesNotExist,
.groupEditPage .entityDoesNotExist {
    margin: 20px 0px 10px 0px;
}

.GroupProfilePage .groupDoesNotExist a,
.groupEditPage .groupDoesNotExist a {
    color:#015BA7;
    text-decoration: none;
}

.GroupProfilePage .groupDoesNotExist a:hover,
.groupEditPage .groupDoesNotExist a:hover {
    text-decoration: underline;
}

.messageText .privateWithGuests {
    font-weight: bold;
}

.GroupProfilePage .message a.asktojoin {
    text-decoration: none;
    color: #015BA7;
}

.GroupProfilePage .message a.asktojoin:hover {
    text-decoration: underline;
}

.groupprofilepage .groupName {
    position: relative;
    bottom: 2px;
    vertical-align: middle;
    font-size: 1.5em;
    margin-left: 4px;
}

.groupManagementContainer .extras .filter {
    display: inline;
    position: absolute;
    right: 15px;
}
.groupMembersContainer .filterBy {
    float: right;
}
.groupManagementContainer .extras,
.groupMembersContainer .extras {
    padding: 4px 4px 6px;
    line-height: 20px;
}
.groupManagementContainer .extras .search {
    padding: 1px;
}
.groupManagementContainer .extras .unfocus,
.groupMembersContainer .unfocus {
    color: #999999;
}
.groupManagementContainer .add,
.groupManagementContainer .accept,
.groupMembersContainer .add {
    width: 6em;
}
.groupManagementContainer .visible,
.groupRolesContainer .visible {
    display:inline;
}
.groupManagementContainer .invisible,
.groupRolesContainer .invisible {
    display:none;
}
.groupManagementContainer .filter .selected,
.groupRolesContainer .filter .selected {
    font-weight: bold;
    color: #4A4A56;
    text-decoration: none;
}
.groupManagementContainer .filter .unselected a,
.groupRolesContainer .filter .unselected a {
    color: #015BA7;
    text-decoration: none;
}
.groupManagementContainer .filter .unselected a:hover,
.groupRolesContainer .filter .unselected a:hover {
    text-decoration: underline;
}
.groupManagementContainer .mask,
.groupRolesContainer .mask,
.groupMembersContainer .mask {
    background-color: white;
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top: 0;
    left: 0;
}
.groupmembership a {
    text-decoration: none;
}
/* Modify this so that we don't underline the join image but do underline the join text in the group list */
.groupmembership .member a {
    color: #222;
    text-decoration: none;
}
.groupmembership .visible {
    display:block;
}
.groupmembership .invisible {
    display:none;
}
.groupmembership .asktojoin {
    color: #015BA7;
}
.groupmembership .leavegroup {
    color: #015BA7;
    font-weight: bold;
}
.groupmembership a.asktojoin:hover span {
    text-decoration: underline;
}
.groupmembership .requested {
    color: #7D7D84;
}
.userProfilePage .rightContent .groupmembership,
.userProfilePage .rightContent .chatterFollowUnfollow span.followLink,
.userProfilePage .rightContent .chatterFollowUnfollow span.unfollowLink
{
    padding-top: 11px;
    padding-bottom: 18px;
}
.groupRolesOverlayHelp {
    background-color:#FFFFCC;
    border-color:#FF9900;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}
.groupRolesOverlayHelp .dismissAnchor {
    font-size: 0.9em;
    color: #015BA7;
    text-decoration:none;
}
.groupRolesOverlayHelpOpen .showAnchor {
    font-size: 0.9em;
    color: #015BA7;
    text-decoration:none;
    float: right;
    margin-right: 30px;
    margin-top: -35px;
}
.groupRolesOverlayHelpOpen .showAnchor .helpIcon {
    vertical-align: middle;
}
.groupRolesHelpTable tr {
    border-bottom: 1px #E7E7C8;
}
.groupRolesHelpTable td {
    line-height: 18px;
    font-color: #000000;
    border-bottom: 1px solid #E7E7C8;
}
.groupRolesHelpTable td.noborder {
    line-height: 18px;
    font-color: #000000;
    border-bottom: none;
}
.groupRolesHelpDismiss {
    position: absolute;
    right: 30px;
}
 .groupRolesHelpDismiss img {
    height: 8px;
    width: 8px;
    background: transparent url(/img/feeds/x.gif) no-repeat center center;
}
.groupRolesHelpTable th {
    font-weight: bold;
    text-align: center;
}
.groupRolesHelpTableDetails {
    text-align: center;
}
.groupRolesHelpTable td .check {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    background: transparent url(/img/feeds/icons_sprite.png) 0 -36px no-repeat;
}
.memberTableName {
    width: 60%;
}
.memberListOverlay {
    width: 60%;
}
.memberDisplayName {
    overflow:hidden;
    text-overflow:ellipsis;
    width:310px;
    white-space:nowrap;
}
/* dialogs with trailing X icon on action column */
#groupMembersDialog .memberDisplayName,
#groupUserManagementDialog .memberDisplayName {
    width:280px;
}

#groupUserManagementDialog .chatterListOverlay .overlayList {
    overflow-x: auto;
}
#groupUserManagementDialog .memberTableRole{
    white-space:nowrap;
    vertical-align: middle;
}
#groupUserManagementDialog .memberTableRole a.cantadd {
    color:#015BA7;
    text-decoration: none;
}
#groupUserManagementDialog .memberTableRole a.cantadd:hover {
    text-decoration: underline;
}

.overlayListTable .groupmanagementlink {
    width:90px;
    margin-top: 4px;
}
#groupUserManagementDialog .toolkit-el-mask {
    background-color: #fff;
}
.declineExpanded,
#groupUserManagementDialog .declineExpanded .toolkit-el-mask{
    background-color: #ebf2f3;
}
.declinedMessage {
    margin-top: 8px;
    color: #222;
}
.declineEmailSalute {
    font-weight: bold;
}
.responseMessage {
    margin-top: 10px;
    height: 60px;
    width: 400px;
    border: 1px solid #a1a0a0;
    resize: none;
}

.responseMessage.unfocus{
    color: #999999;
}

.declineButtons {
    float: right;
    padding-right: 16px;
    margin: 7px 0 10px 0;
    display: inline-block;
}
.chatterform .dataCol textarea {
    width: 550px;
    height: 115px;
}
body .chatterform .bEditBlock .pbBody .pbSubheader {
    background-image: none;
}
.chatterform .dataCol input {
    width: 180px;
}
.chatterform .chatterradiobutton {
    vertical-align: middle;
}
.chatterform .chatterradiobutton input {
    margin-top: -1px;
}
.chatterform .chatterradiobutton label {
    margin: 0 0 0 2px;
    font-weight: bold;
}
.chatterform .chatterradiobuttondescription {
    padding: 3px 10px 3px 10px;
}
#allowGuests .chatterradiobutton {
    margin-right: 10px;
}
#allowGuests span {
    vertical-align: middle;
}
.chatterform .disableGroupEditText td, .chatterform .disableGroupEditText span {
    color: #7d7d84;
}
.chatterform .chatterownerfield img {
    width: 16px;
    height: 16px;
    float: left;
}
.chatterform .chatterownerfield a {
    text-decoration: none;
}
.chatterform .chatterownerfield a:hover span {
    text-decoration: underline;
}
.chatterform .chatterownerfield span {
    line-height: 16px;
}

.chatterform .maxlengthfielderror {
    border: 2px solid #CC0000;
}

.chatterform .pbError .errorMsg {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
    text-align: left;
}

.chatterform .chatterradiobuttondescription .mouseOverInfoOuter .infoIcon {
	margin-top:0px;
}

.groupRolesContainer .extras .filter {
    display: inline;
    position: absolute;
    right: 15px;
}
.groupRolesContainer .extras {
    padding: 4px 4px 6px;
    line-height: 20px;
}
.groupRolesContainer .extras .search {
    padding: 1px;
}
.groupRolesContainer .extras .unfocus {
    color: #999999;
}

/* --------------------------------------------------------------------------------- */
/* END: Collaboration Groups                                                         */
/* --------------------------------------------------------------------------------- */

/** COMES FROM OLD homeUserProfileView.css **/

/* --------------------------------------------------------------------------------- */
/* Panel styles.  Panels are the little grids of icons on Profile pages              */
/* --------------------------------------------------------------------------------- */
.thumbnailPanel {
    overflow-x: hidden;
    overflow-y: hidden;
}
.thumbnailPanel .thumbnailTable {
    border-spacing: 0;
}
.thumbnailPanel .thumbnailTable td {
    padding: 0 4px 4px 0;
    vertical-align: top;
}
.thumbnailPanel .entitiesList {
    margin: 0 0 10px;
    white-space: nowrap;
}
.thumbnailPanel .entitiesList ul, .thumbnailPanel .entitiesList li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}
.thumbnailPanel .entitiesList ul {
    margin-top: 0;
}
.thumbnailPanel .entitiesList li {
    margin-bottom: 3px;
}
.thumbnailPanel .entitiesList a.entityLink img {
    float: left;
    margin-right: 3px;
}
.thumbnailPanel .entitiesList a.entityLink span {
    line-height: 16px;
}
.thumbnailPanel .groupList ul {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}
.thumbnailPanel .groupList li {
    height: 32px;
    margin-left: 0;
    margin-bottom: 7px;
}
.thumbnailPanel .groupList .memberCount {
    color: #7D7D84;
}
.thumbnailPanel .groupThumbnail {
    float: left;
    position: relative;
}
.thumbnailPanel .groupLabel {
    margin-left: 40px;
}
.thumbnailPanel .groupLabel > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thumbnailPanel .groupOwnerContainer img.groupOwnerIcon {
    background:#FFFFFF url(/img/chatter/owner_key_icon.png) no-repeat scroll 1px 1px;
    position: absolute;
    left: 20px;
    top: 20px;
    border-bottom: 1px solid #D4DADC;
    border-right: 1px solid #D4DADC;
    width: 12px;
    height: 12px;
}
.thumbnailPanel .groupOwnerContainer {
    position: relative;
}

a.contentActionLink img{
    background: transparent url(/img/chatterfiles/chatterfiles16_sprite.png) no-repeat;
    height: 16px;
    width: 16px;
}

a.contentActionLink .downloadItemIcon {
    background-position: 0  -20px;
}

a.contentActionLink .previewItemIcon {
    background-position: 0  -2px;
}

a.contentActionLink .openUrlItemIcon {
    background-position: 0  -2px;
}

.fileTypeIcon {
    position: relative;
}

.fileTypeIcon img.filePrivateIcon {
    top: 6px;
    left: 7px;
}

/* --------------------------------------------------------------------------------- */
/* END Panel Styles                                                                  */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* People and Group List page styles.                                                */
/* --------------------------------------------------------------------------------- */

.PeopleListPage .listViewport .topNav .controls,
.GroupListPage .listViewport .topNav .controls {
   padding-left: 0;
   padding-bottom: 0;
}

.PeopleListPage .listViewport .topNav .controls .pageTitleIcon {
   background-repeat: no-repeat;
}

body.PeopleListPage .listViewport .subNav div.linkBar,
body.GroupListPage .listViewport .subNav div.linkBar {
   margin-top: 0;
}

.collaborationGroupTab .pageTitleIcon, .individualPalette .collaborationGroupBlock .pageTitleIcon {
    background-repeat: no-repeat;
}
.groupDescription {
    color: #222;
}

/* --------------------------------------------------------------------------------- */
/* End People and Group List page styles.                                            */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* Quick find styles                                                                 */
/* --------------------------------------------------------------------------------- */

.FileTabPage .listViewport .quickfindContainer,
.PeopleListPage .listViewport .quickfindContainer,
.GroupListPage .listViewport .quickfindContainer {
    padding-right: 7px;
    padding-top: 5px;
}

.PeopleListPage .listViewport .quickfindContainer,
.GroupListPage .listViewport .quickfindContainer {
    padding-bottom: 5px;
}

.FileTabPage .listViewport .quickfindContainer .x-form-field-wrap,
.PeopleListPage .listViewport .quickfindContainer .x-form-field-wrap,
.GroupListPage .listViewport .quickfindContainer .x-form-field-wrap {
    background: url("/img/func_icons/textbg.gif") repeat scroll 0 1px transparent;
}

.FileTabPage .listViewport .quickfindContainer .quickfindInput,
.PeopleListPage .listViewport .quickfindContainer .quickfindInput,
.GroupListPage .listViewport .quickfindContainer .quickfindInput,
.chatterListOverlay .quickfindContainer .quickfindInput {
    border-width: 1px;
    border-color: #b6b6b6;
    margin: 0px;
    font-size: 1em;
    border-style: solid;
    background-color: transparent;
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 1px 1px #969696 inset;
}

.chatterListOverlay .quickfindContainer {
    padding: 0px;
}
.chatterListOverlay .quickfindContainer .x-form-trigger {
    position: absolute;
}
.chatterListOverlay .quickfindContainer .quickfindInput {
    padding-left: 22px;
    padding-top: 2px;
}

.FileTabPage .listViewport .quickfindContainer .x-form-empty-field,
.PeopleListPage .listViewport .quickfindContainer .x-form-empty-field,
.GroupListPage .listViewport .quickfindContainer .x-form-empty-field {
    color:#666;
}

.chatterListOverlay .quickfindContainer .quickfindClear {
    text-decoration: none;
    position: relative;
    top: 3px;
    left: -22px;
}

.chatterListOverlay .quickfindContainer .quickfindClear img {
    background-image: url(/img/func_icons/closeSprite16.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width:15px;
    border: none;
    height: 15px;
}

.chatterListOverlay .quickfindContainer a.quickfindClear:hover img {
    background-position: 0 -16px;
}

.chatterListOverlay .quickfindContainer a.quickfindClear:active img {
    background-position: 0 -32px;
}

.FileTabPage .listViewportWrapper .listViewport .topNav .topNavTab img,
.PeopleListPage .listViewportWrapper .listViewport .topNav .topNavTab img,
.GroupListPage .listViewportWrapper .listViewport .topNav .topNavTab img {
    margin: 0 0 0 3px;
}

.chatterpeoplelistpage {
    width: 969px;
}

.chatterpeoplelistpage .peopleListView {
	width: 754px;
	float:left;
}

/* Third Column for ListView Pages */
.chatterthreecolumnlistview {
    position: relative;
}

.chatterthreecolumnlistview .listViewportWrapper .listViewport .topNav .topNavTab {
    float: right;
    font-size: 93%;
    margin-right: -214px;
    margin-top: 16px;
}

.chatterthreecolumnlistview .chatterlvthirdcolumn {
    margin-top:70px;
    width: 205px;
    float: right;
}

.chatterlvthirdcolumn .todoListBox,
.chatterlvthirdcolumn .recommend {
    margin-bottom: 10px;
}

.chatterlvthirdcolumn .recommend {
    margin-left: 4px;
}

/*Utility*/
.chatterPage .hide {
    display:none;
}
.chatterPage .invisible {
    visibility:hidden;
}

.privateGroupLabel, .privateFileLabel {
    background:transparent url(/img/chatter/private_group_icon.gif) no-repeat scroll left center;
    padding-left: 13px;
    color: #CF700B;
    vertical-align: middle;
    margin-left: 5px;
}
/* --------------------------------------------------------------------------------- */
/* End Quick find styles                                                             */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* Group Profile Page styles                                                         */
/* --------------------------------------------------------------------------------- */

.groupAction {
    border-top: 1px solid #D7DBDE;
    padding-top: 7px;
}
.groupAction .groupActionItem {
    margin-left: 5px;
    margin-bottom: 9px;
}
.groupAction .groupActionItem img {
    width: 16px;
    vertical-align: middle;
    margin-right: 2px;
}
.groupAction .groupSettings img {
    background:transparent url(/img/feeds/group_settings_sprite.png) no-repeat 0 0;
}
.groupAction a:hover {
    text-decoration: none;
}
.groupAction a:hover span {
    text-decoration: underline;
}
/* Email Settings Mink -- using ID and lots of classes because needs to override default style for MenuButton */
.groupAction .emailSettings #emailSettingsMink {
    margin-top: 0px;
    height: 17px;
}
.groupAction .emailSettings #emailSettingsMinkButton {
    border: 0;
    font-size: 100%;
}
.groupAction .emailSettings #emailSettingsMinkLabel {
    color: #015BA7;
    text-decoration: none;
    font-weight: normal;
    display: inline-block;
    max-width: 165px;
    max-height: 17px;
    overflow: hidden;
    word-wrap: normal;
    vertical-align: middle;
    font-size: 1em;
}
.groupAction .emailSettings .menuButtonOver #emailSettingsMinkLabel {
    text-decoration: underline;
}
.groupAction .emailSettings .menuButtonButton {
    background: transparent;
    padding: 0px;
}
.groupAction .emailSettings .emailSettingsIcon {
    background:transparent url(/img/feeds/group_settings_sprite.png) no-repeat 0 -16px;
    padding: 0px;

}
.groupAction .emailSettings .menuButtonButton img.arrow,
.groupAction .emailSettings .menuButtonMenuLink.firstMenuItem img.arrow {
    background:transparent url(/img/chatter/actions_mink_arrow.png) no-repeat 0 0px;
    margin-left: 5px;
    height:5px;
}
.groupAction .emailSettings .menuButtonOver .menuButtonButton img.arrow,
.groupAction .emailSettings .menuButtonMenuLink.firstMenuItem img.arrow {
    background-position: 0 -19px;
}
.groupAction .emailSettings .menuButtonMenuLink.firstMenuItem {
    background: transparent;
}
.groupAction .emailSettings #emailSettingsMinkMenu {
    -moz-box-shadow: 0 2px 5px #ACACAC;
    -webkit-box-shadow: 0 2px 5px #ACACAC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    border: 1px solid #C9CDCF;
    margin-top: -23px;
    padding: 3px 0 5px;
    right: auto;
    left: -7px;
}
#emailSettingsMinkMenu a {
    padding-right: 10px;
}
.groupAction .emailSettings #emailSettingsMinkMenu a.menuButtonMenuLink.firstMenuItem {
    color: #015BA7;
}
.groupAction .emailSettings #emailSettingsMinkMenu a:hover.menuButtonMenuLink.firstMenuItem span {
    text-decoration: none;
}
.groupAction .emailSettings #emailSettingsMinkMenu a.menuButtonMenuLink.firstMenuItem span {
    vertical-align:middle;
}
.groupAction .emailSettings .menuButtonMenuLink img {
    margin-left: -22px;
    margin-right: 5px;
}
.groupAction .emailSettings a.menuButtonMenuLink.emailSettingsLinkItem img {
    margin-left: 5px;
    background: transparent url(/img/chatter/new_page_arrow_sprite.png) no-repeat;
    width: 9px;
    height: 6px;
    margin-top: -2px;

}
.groupAction .emailSettings a.menuButtonMenuLink.emailSettingsLinkItem:hover img {
    background-position: 0 -16px;
}
.groupAction .emailSettings #emailSettingsMinkMenu.menuButtonMenu a {
    padding-left: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.groupAction .emailSettings #emailSettingsMinkMenu.menuButtonMenu a:hover span {
    text-decoration: underline;
}
.groupAction .emailSettings .menuSeparator {
    border: 0;
    border-top: 1px solid #D4DADC;
    margin-left: 4px;
    margin-right: 4px;
}
.groupAction .emailSettings .menuButtonMenu .selected {
    background: transparent url(/img/chatter/email_settings_check.png) no-repeat;
    background-position: 5px 50%;
}
.groupAction .emailSettings .menuButtonMenu .selected.N {
    display: none;
}
/* End Email Settings Mink */
.groupprofilepage .groupRequests {
    background-color: #ffffdc;
    border: 1px solid #ffdc89;
    margin: 2px 0;
    padding: 3px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 6px;
}
.groupprofilepage .groupRequests a {
    display: block;
}
/* --------------------------------------------------------------------------------- */
/* End Group Profile Page styles                                                     */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* Chatter Files Page styles                                                         */
/* --------------------------------------------------------------------------------- */


/* This is for the file name in the search results for Files and Unified Search */
/* fileBlock is the DIV class for the related list for Files in unified search */
.chatterFileListView .fileNameLink,
.chatterFileListBlock .fileNameLink,
.fileBlock .pbBody a.fileNameLink {
    color: #015ba7;
    font-weight: bold;
    text-decoration:none;
}

.chatterFileListBlock .x-grid3-row .x-grid3-cell-inner {
	margin-left: 4px;
}


/* --------------------------------------------------------------------------------- */
/* End Chatter Files Page styles                                                     */
/* --------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------- */
/* Component alerting styles                                                         */
/* --------------------------------------------------------------------------------- */

.componentAlert {
    vertical-alig: top;
}

/* --------------------------------------------------------------------------------- */
/* End Component alerting styles                                                     */
/* --------------------------------------------------------------------------------- */

/* use for aria announcements*/
.offscreen {
    position:absolute;
    left:-9999px;
}

/* --------------------------------------------------------------------------------- */
/* UI Toolkit styles to support Ext functionality                                    */
/* --------------------------------------------------------------------------------- */
.toolkit-el-mask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    zoom: 1;
    background: #ccc;
    background-color:#ccc;
}
.toolkit-masked {
    overflow: hidden !important;
}
.toolkit-masked-relative {
    position: relative !important;
}
.toolkit-masked select,
.toolkit-masked object,
.toolkit-masked embed {
    visibility: hidden;
}
/* --------------------------------------------------------------------------------- */
/* END: UI Toolkit styles to support Ext functionality                               */
/* --------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------ */
/* START Content's Icon sprite                                                    */
/* ------------------------------------------------------------------------------ */

.fileTypeIcon img {
    background: url("/sfc/images/docicons/doctype_16_sprite.png") no-repeat scroll 0 0 transparent;
    width: 16px;
    height: 16px;
}
.fileTypeIcon .sprite-doctype__16       {
    background-position: 0 0;
}
.fileTypeIcon .sprite-doctype_ai_16     {
    background-position: 0 -26px;
}
.fileTypeIcon .sprite-doctype_audio_16  {
    background-position: 0 -52px;
}
.fileTypeIcon .sprite-doctype_csv_16    {
    background-position: 0 -78px;
}
.fileTypeIcon .sprite-doctype_eps_16    {
    background-position: 0 -104px;
}
.fileTypeIcon .sprite-doctype_excel_16  {
    background-position: 0 -130px;
}
.fileTypeIcon .sprite-doctype_exe_16    {
    background-position: 0 -156px;
}
.fileTypeIcon .sprite-doctype_flash_16  {
    background-position: 0 -182px;
}
.fileTypeIcon .sprite-doctype_gdoc_16   {
    background-position: 0 -208px;
}
.fileTypeIcon .sprite-doctype_gpres_16  {
    background-position: 0 -234px;
}
.fileTypeIcon .sprite-doctype_gsheet_16 {
    background-position: 0 -260px;
}
.fileTypeIcon .sprite-doctype_html_16   {
    background-position: 0 -286px;
}
.fileTypeIcon .sprite-doctype_image_16  {
    background-position: 0 -312px;
}
.fileTypeIcon .sprite-doctype_link_16   {
    background-position: 0 -338px;
}
.fileTypeIcon .sprite-doctype_mp4_16    {
    background-position: 0 -364px;
}
.fileTypeIcon .sprite-doctype_pack_16   {
    background-position: 0 -390px;
}
.fileTypeIcon .sprite-doctype_pdf_16    {
    background-position: 0 -416px;
}
.fileTypeIcon .sprite-doctype_ppt_16    {
    background-position: 0 -442px;
}
.fileTypeIcon .sprite-doctype_psd_16    {
    background-position: 0 -468px;
}
.fileTypeIcon .sprite-doctype_rtf_16    {
    background-position: 0 -494px;
}
.fileTypeIcon .sprite-doctype_slide_16  {
    background-position: 0 -520px;
}
.fileTypeIcon .sprite-doctype_txt_16    {
    background-position: 0 -546px;
}
.fileTypeIcon .sprite-doctype_unknown_16{
    background-position: 0 -572px;
}
.fileTypeIcon .sprite-doctype_video_16  {
    background-position: 0 -598px;
}
.fileTypeIcon .sprite-doctype_visio_16  {
    background-position: 0 -624px;
}
.fileTypeIcon .sprite-doctype_webex_16  {
    background-position: 0 -650px;
}
.fileTypeIcon .sprite-doctype_word_16   {
    background-position: 0 -676px;
}
.fileTypeIcon .sprite-doctype_xml_16    {
    background-position: 0 -702px;
}
.fileTypeIcon .sprite-doctype_zip_16    {
    background-position: 0 -728px;
}

.chatterFileListBlock .fileTypeIcon .orgItemIcon,
.chatterFileListBlock .fileTypeIcon .lockItemIcon,
.chatterFileListBlock .fileTypeIcon .sharedItemIcon {
    background: #ffffff url(/img/chatterfiles/chatterfiles16_sprite.png) no-repeat;
    position: relative;
    width: 14px;
    height: 14px;
    top: 9px;
    left: -11px;
}

.chatterFileListBlock .fileTypeIcon .orgItemIcon {
    background-position: 0 -291px;
}

.chatterFileListBlock .fileTypeIcon .lockItemIcon {
    background-position: 0  -272px;
}
.chatterFileListBlock .fileTypeIcon .sharedItemIcon {
    background-position: 0  -256px;
}
/*  To solve  W-987338*/
div.chatterFileListBlock {
	margin-bottom: 100px;
}
/* ---------------------------------------------------------------------------- */
/* END Content's Icon sprite                                                    */
/* ---------------------------------------------------------------------------- */


/* To Do List */

.todoList {
    background:url("/img/alohaSkin/wtdnGradient.png") repeat-x 0 0 scroll;
    border:2px solid #FFFFFF;
    background-color:#ffe5a7;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-box-shadow:0 1px 6px #CCCCCC;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-box-shadow:0 1px 6px #CCCCCC;
    margin-left:2px;
    margin-right:4px;
    padding-top:3px;
    padding-bottom: 6px;
}

.todoListHeader {
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 12px;
}

.todoListContents ol{
    margin-top: 0px;
}

.todoListBoxContents {
    margin-top:2px;
    margin-bottom:28px;
}

.userProfilePage .todoListBoxContents {
    margin-top: 4px;
}

/* Margin-right is 0 by default, but we only want margin-left = 0 in RTL*/
.todoListContents ol li {
    margin-right:0px;
}

.completedItemClass {
    list-style-image: url(/img/chatter/wtdn_checked.png);
    text-decoration: none;
    margin-left: 2em;
    padding-left: 0em;
    vertical-align: middle;
    line-height:21px;
 }

.incompleteClass {
    list-style: url(/img/chatter/wtdn_bullet.png);
    text-decoration: none;
    margin-left: 2em;
    padding-left: 0em;
    vertical-align: middle;
    line-height:21px;
}

.completedItemClass a {
    margin-left: 0px;
    padding-left: 0px;
    color: #222;
    vertical-align: middle;
}

.incompleteClass a {
    margin-left: 0px;
    padding-left: 0px;
    color: #015ba7;
    vertical-align: middle;
}

.listClass {
    list-style-position:outside;
    padding-bottom:3px;
    padding-top:3px;
    margin-left:1px;
    margin-bottom: 0px;
    padding-left:6px;
    padding-bottom:1px;
}
.subListClass ul {
    padding-bottom: 3px;
}

/* Margin-right is 0 by default, but we only want margin-left = 0 in RTL*/
.subListClass li {
    margin-right:0px;
}

.subListClass {
    list-style-position:outside;
    padding-bottom:3px;
    color: #7d7d84;
    margin-left:-1.7em;
    margin-bottom: 0px;
    padding-left:1px;
    text-indent: -1.8em;
    padding-bottom:0px;
}

.incompleteSubItemClass {
    list-style:disc;
    list-style-position:outside;
    list-style-image: none;
    line-height: 18px;
    vertical-align: middle  ;
    cursor:pointer;
    text-decoration: none;
    padding-left: 0;
    margin-left: 33px;
    text-indent: 0em;
}

.completedSubItemClass {
    list-style: disc;
    list-style-image: none;
    list-style-position:outside;
    line-height: 18px;
    vertical-align: middle ;
    cursor:pointer;
    text-decoration: line-through;
    vertical-align: middle;
    padding-left: 0;
    margin-left: 33px;
    text-indent: 0em;
}

.completedSubItemClass a, .completedSubItemClass span{
    color: #7d7d84;
    vertical-align: middle;
}

.incompleteSubItemClass a{
    text-decoration: none;
    color: #015ba7;
    vertical-align: middle;
}

.completedItemClass a:hover, .incompleteClass a:hover, .subTodo a:hover {
    text-decoration: underline;
}

#startGroup {
    cursor:default;
}

.dismissTodoItem{
    float: right;
    padding-right: 2px;
    text-indent: 0px;
    margin-top: 7px;
    vertical-align: middle;
    cursor: pointer;
    display:none;
}

#listItem-noMoreTasks {
    list-style-image: url(/img/chatter/wtdn_checked.png);
    list-style-position:outside;
    line-height: 15px;
    text-indent: 0px;
    margin-left: 0em;
    cursor: default;
    display:none;
}

#listItem-noMoreTasksLink {
    color: #015ba7;
    text-decoration: underline;
}


.expandedInviteLine1 {
    color: #000000;
    cursor:default;
    line-height: 15px;
}
.expandedInviteLine2 {
    cursor:default;
    color: #000000;
    font-weight: normal;
    line-height: 15px;
}

.expandedInviteLine2  a{
    cursor:pointer;
    line-height: 15px;
    text-decoration: none;
}
.expandedInvite {
    text-indent: -1.1em;
    font-size: 1.0em;
    list-style:none;
    list-style-position:outside;
    list-style-image: none;
}

.expandedGroupEmailSettingsLine1 {
    color: #000000;
    cursor:default;
    line-height: 15px;
}
.expandedGroupEmailSettingsLine2 {
    cursor:default;
    color: #000000;
    font-weight: normal;
    line-height: 15px;
}

.expandedGroupEmailSettingsLine2  a{
    cursor:pointer;
    line-height: 15px;
    text-decoration: none;
}
.expandedGroupEmailSettings {
    text-indent: -1.1em;
    font-size: 1.0em;
    list-style:none;
    list-style-position:outside;
    list-style-image: none;
}

.expandedDummy {
}

/* END To Do List */

/* START Moderator Mutton */

.manageUser {
    float: right;
}

#manageUserButton {
    border: 0;
    background: none transparent;
    right: 0;
    left: 0;
    white-space: normal;
    display: inline;
    padding: 0;
    padding-bottom: 4px;
}

#manageUserLabel {
    color:#015BA7;
    font-size:1.1em;
    font-weight:normal;
    margin-right: 6px;
    white-space: nowrap;
}

.menuButtonOver #manageUserLabel {
    text-decoration: underline;
}

.menuButtonActivated #manageUserLabel {
    text-decoration: none;
}

.manageUser .mbrButtonArrow,
.manageUser .menuButtonOver .mbrButtonArrow {
    background:url("/img/alohaSkin/header_mutton.png") no-repeat scroll left -135px transparent;
    float: right;
    height: 9px;
    width: 8px;
    margin-top: 2px;
}

.manageUser .menuButtonActivated .mbrButtonArrow,
.manageUser .menuButtonOver .mbrButtonArrow {
    background:url("/img/alohaSkin/header_mutton.png") no-repeat scroll left -143px transparent;
}

#manageUserMenu {
    background: none #FFFFFF;
    left: 1px;
    right: auto;
    border:0 none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    margin-top: 2px;
}

#manageUserMenu a {
    color: #333435;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    text-decoration: none;
    padding: 4px 16px;
    margin: 0 4px;
}

#manageUserMenu a:hover {
    color: #015ba7;
}

/* END Moderator Mutton */

/* Topics */
.topicWidget {
    color: #015ba7;
    margin-bottom: 20px;
}

.topicDescription {
	padding-top: 6px;
}

div.topicBoxHeader {
    border-bottom: 1px solid #d4dadc;
    height: 1.2em;
    padding-bottom: 3px;
}

div.topicBoxFooter {
    margin-top: 4px;
    padding: 4px;
    border: 1px solid #FCEEB4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #FFFFDC;
    text-align: center;
}

span#topicBoxFooterText {
	color: #222;
}

.topicsActionListPanel {
    padding-bottom:14px;
}

.topicsActionListPanel .editItemIcon {
	background: url('/img/chatterfiles/chatterfiles16_sprite.png') no-repeat scroll 0 0 transparent;
	height: 16px;
	width: 16px;
	background-position: 0 -146px;
	text-decoration: none;
}

a.topicsBetaLink {
    font-weight: bold;
    color: #015BA7
}

h3.topicWidgetHeader {
    float: left;
    font-weight: bold;
    color: #000000;
}

a.topicLink {
    color: #015ba7;
    text-decoration: none;
}

.noTopics {
    margin-top: 6px;
    color: #000;
}

a.noTopicsLink {
    text-decoration: underline;
}

ul.topicUl {
    margin-top: 2px;
    padding-left: 0;
    margin-left: 0;
}

li.topicLi {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 1.5em;
}

li.topicLi.selected {
    background: url(/img/chatter/filter_bg_active.png) top left no-repeat;
}

.selected a.topicLink.mostUsedTopicLink {
    text-decoration: none;
    cursor: default;
    color: #333435;
    font-weight: 700;
}

li.mostUsedTopicLi {
    background-color: transparent;
    height: 1.5em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
}

table.influence {
    width: 200px;
    padding-bottom: 15px;
    table-layout: fixed;
    margin-top: -10px;
}

td.influenceSection {
    width: 33.333%;
    padding: 0px 3px 2px;
    vertical-align: top;
}

td.influenceSection.left {
    padding-left: 0px;
}

td.influenceSection.border {
    border-right-width: 1px;
    border-color: #d7dbde;
    border-right-style: solid;
}

.influenceNumber {
    font-size: 1.24em;
    font-weight: bold;
    line-height: 15px;
}

.influenceText {
    font-size: 0.92em;
    line-height: 11px;
    color: #7d7d84;
    overflow: hidden;
    text-overflow: ellipsis;
}

.influenceNumber.dim {
    font-weight: normal;
    color: #7d7d84;
}

/* END Topics */

/* --------------------------------------------------------------------------------- */
/* END Chatter styles                                                                */
/* --------------------------------------------------------------------------------- */


/* START Chatter Files List View enhancements */

.chatterFileListBlock .contentActionMenu .more-file-actions  {
	position: 	absolute;
	top: 		-18px;
	left: 		0;
}

.chatterFileListBlock  .chatterFollowUnfollowAction   {
    margin-right: 6px;
    margin-left: 6px;
    margin-top: -2px;
}

.chatterFileListBlock .emptyActionIcon {
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.chatterFileListBlock .more-file-actions{
    margin-right: 10px
}

.chatterFileListBlock .contentActionMenu{
	padding: 0px 5px 5px 13px;
}

.chatterFileListBlock .more-file-actions > .content-action-link-arrow {
    background: transparent url(/img/chatter/menuArrow.png) no-repeat scroll 0 -0px;
    height: 16px;
    width: 16px;
}


.chatterFileListBlock  .contentActionMenu  .more-file-actions > .content-action-link-arrow {
    background: transparent url(/img/chatter/menuArrow.png) no-repeat scroll 0 -48px;
}

.chatterFileListBlock  .x-grid3-row-over  .more-file-actions > .content-action-link-arrow {
    background: transparent url(/img/chatter/menuArrow.png) no-repeat scroll 0 -16px;
}

.chatterFileListBlock .externalUserSpacer{
	padding-left: 24px;
	float: right;
}

.chatterFileListBlock .externalUserSpacerMiddle{
	padding-left: 6px;
}
.chatterFileListBlock a.contentActionLink .uploadIcon {
    background-position: 0  -40px;
}

.chatterFileListBlock .contentActionMenu .noIcon{
    padding-left: 23px;
}
.chatterFileListBlock  .contentActionLink .previewItemIcon{
	margin-bottom: -2px;
}

.chatterFileListView {
    overflow: visible;
}

.chatterFileListBlock .topNav, .chatterFileListBlock .subNav, .chatterFileListBlock .bottomNav, .chatterFileListBlock .x-grid3-header {
    overflow: hidden;
}

.chatterFileListBlock .listBody, .chatterFileListBlock .x-grid3,.chatterFileListBlock .x-grid3-scroller, .chatterFileListBlock .listBody .x-panel-bwrap, .chatterFileListBlock .x-grid3-viewport {
    overflow: visible;
}

.FindLinkedFilesPage .chatterFileListBlock .listBody, .FindLinkedFilesPage .chatterFileListBlock .x-grid3, .FindLinkedFilesPage .chatterFileListBlock .x-grid3-scroller, .FindLinkedFilesPage .chatterFileListBlock .listBody .x-panel-bwrap, .FindLinkedFilesPage .chatterFileListBlock .x-grid3-viewport {
    overflow: auto;
}

.fileListPage .x-grid3-row-last,
.chatterFileListView .x-grid3-row-last {
	border-bottom-width:0;
}

.chatterFileListBlock .x-grid-panel .x-panel-body{
    overflow: visible !important;
}
.chatterFileListView .uploadFileLink {
    color: #015BA7;
}

.chatterFileListView .listViewportWrapper .listViewport .listBody {
    margin-top: -12px;
}

.chatterFileListBlock .fileTypeIcon img.filePrivateIcon,
.chatterFileListView .fileTypeIcon img.filePrivateIcon,
.sharedWithSummaryList .thumbnailIcon img.groupPrivateIcon,
.recentFilesPanel .fileTypeIcon img.filePrivateIcon {
	left: 9px;
	top: 8px;
	border: 0px;
}

.chatterFileListView a.fileNameLink {
	padding-left: 2px;
}

.quickfindInputNoSearchIcon {
    background-color: transparent;
    border-color:#858585 #C1C1C1 #D8D8D8;
    border-style: solid;
    border-width: 1px;
    height:17px;
}

.chatterFileListBlock .topNav .controls {
    padding: 0;
}

.chatterFileListBlock .controls #fileUploaderDiv{
	visibility:hidden;
}

.chatterFileListBlock .controls .uploadFile{
	float: 				left;
	margin-left: 	120px;
	margin-top: 		5px;
}

.chatterFileListBlock .controls .uploadFile .btnImportant{
    padding-bottom:0;
}

.chatterFileListBlock .controls .uploadFile .btnImportant .wrapper {
    line-height:12px;
    padding-top:4px;
}

.chatterFileListBlock .controls .uploadFile .uploadArrow{
    vertical-align:middle;
    padding-right:2px;
}

.chatterFileListBlock .blueBar {
    width: 100%;
    background-color: #f8f8f8;
    border-bottom:0;
    border-top: 3px solid #1797c0;
    padding:2px 5px 0;
    margin-top: 6px;

}

.chatterFileListView .listViewportWrapper .listViewport .topNav {
	margin: 0;
}
.listViewportWrapper .chatterFileListBlock .topNav .controls .title {
	font-size: 1.2em;
	font-weight: bold;
    color: #222;
	margin-left: 10px;
	margin-top: 6px;
}

.chatterFileListView .listViewportWrapper .listViewport .subNav .linkBar{
    border-top: 0;

}

.chatterFileListBlock .controls .quickfindContainer{
	float: left;
}

.chatterFileListView .x-grid3-col-title a:hover {
    text-decoration:underline;
}

.chatterFileListBlock .listBody {
    margin-top: -18px;
}

.chatterFileListBlock .quickfindContainer .quickfindInput {
    border-width: 1px;
    border-color:#858585 #C1C1C1 #D8D8D8;
    margin: 0;
    font-size: 1em;
    border-style: solid;
    background-color: transparent;
}



